<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格</title>
    <link rel="stylesheet" href="/plugin/layui/css/layui.css" />
</head>
<body>
<!--
    layui-table         layui样式的表格
    colgroup            定义每列样式  如：width="150"
    lay-even        隔行换色
    设置边框
        lay-skin="nob"  无边框
        lay-skin="line" 横向边框
        lay-skin="row"  纵向边框
    设置大小尺寸
        lay-size="sm"   小尺寸
        lay-size="lg"   大尺寸


-->

<table class="layui-table" lay-even lay-skin="line" lay-size="lg">
    <colgroup>
        <col width="100" />
        <col width="200" />
        <col />
    </colgroup>
    <thead>  <!--表头-->
    <tr>     <!--tr th  行列-->
        <th>昵称</th>
        <th>加入时间</th>
        <th>签名</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>贤心</td>
        <td>2016-11-29</td>
        <td>人生就像是一场修行</td>
    </tr>
    <tr>
        <td>贤心</td>
        <td>2016-11-29</td>
        <td>人生就像是一场修行</td>
    </tr>
    <tr>
        <td>贤心</td>
        <td>2016-11-29</td>
        <td>人生就像是一场修行</td>
    </tr>
    </tbody>
</table>


<script src="/plugin/layui/layui.js"></script>
<script type="text/javascript">
    layui.use('element', function () {
        var element = layui.element;
    })
</script>
</body>
</html>